草庐IT

html 图像

全部标签

javascript - 将图像嵌入到 Chrome 扩展程序中

我正在构建一个GoogleChrome扩展程序,它将HTML注入(inject)到真实的网页中。注入(inject)还包含图像,现在我想知道如何在扩展中引用图像。到目前为止,我只能使用http://example.com/myimage.png在服务器上引用它们.但这需要一段时间才能加载。是否可以在扩展程序中打包图像并从浏览器的任何位置引用它们?怎么办?感谢您的帮助。 最佳答案 您可以使用chrome.runtime.getURL()(docs)获取内部扩展文件夹URL。将图像相对路径传递给它,您将获得它的完整URL。例如,如果您在

javascript - 1.9.1 与 1.8.3 中的 Angular.js/jQuery html 字符串解析

尝试执行angular.element(stringWithHtmlStructure);会导致Error:Syntaxerror,unrecognizedexpression:bar在jquery1.9.1中,但是它在jquery1.8.3中有效这是一个问题还是一个功能?也许是安全的?我该如何处理?1.8.3示例http://plnkr.co/edit/ZYYKIixcYzOL46hq0puS?p=preview1.9.1例子http://plnkr.co/edit/ETmQMY8KoCP0gaKdSrMD?p=preview这绝对不是任何Angular问题,做$(stringWit

javascript - Jquery 查找图像高度不工作

我正在尝试使用jQuery查找容器的第一个“孙子”的图像高度,然后将容器设置为该高度。但是,我似乎无法提取图像高度属性-让src起作用。有任何想法吗?它只是想通过CSS来拉高吗?我如何获得“真实高度”我无法在img标签中输入宽度和高度-所以这不是一个选项;($(document).ready(function(){varimageContainer='#image-container';varimageSrc=$(imageContainer).children(':first').children(':first').attr('src');//controltestvarimage

javascript - 如何在滚动时实现图像淡入效果(如 mashable.com)

我想知道mashable.com上图像的淡入效果(例如,参见http://mashable.com/2009/08/14/google-android-logo-remixes/)当您滚动到图像时,它会淡入。它不会在页面加载时淡入,只会在项目在屏幕上的实际外观时淡入。谢谢。 最佳答案 通过jQuery插件实现LazyLoad.编辑:这是他们使用的代码:if(!navigator.userAgent.toLowerCase().match('ipad')){$('#primaryimg').lazyload({effect:'fade

javascript - 如何使用 javascript 在没有 id 的情况下向 html 标记添加 onclick 事件?

我试过这样做,但似乎没有用:window.onload=initAll;functioninitAll(){document.getElementsByTagName('a').onclick=clickHandler;}functionclickHandler(){if(this.toString().indexOf("localhost")我知道我可以getElementById并且它有效,但它不能以这种方式工作。任何帮助将不胜感激。谢谢! 最佳答案 document.getElementsByTagName('a')返回DOM

javascript - 使用 Raphael 在图像周围绘制圆形边框

我正在使用RaphaelJavaScript库。我想在图像(这是一个Raphael对象)周围绘制一个带有圆边的边框,但我似乎无法弄清楚该怎么做。我尝试设置笔画,但它没有出现。我有这个:varpaper=Raphael(10,50,500,500);vargoogle_img=paper.image("http://www.google.com/images/logos/ps_logo2.png",10,10,200,200);感谢我能得到的任何帮助! 最佳答案 如何使用图像作为填充:varpaper=Raphael(10,50,50

javascript - 如何取消选择html格式的文件?

我有一个简单的php文件上传表单,如下所示:Files:RemoveFileRemoveFile我想添加一个功能“删除文件”按钮以取消选择所选文件。这可能吗?感谢您的帮助。 最佳答案 您必须添加ID以使其更容易,否则您将遍历节点并且您不会喜欢那样。Files:RemoveFileRemoveFile然后添加javascript来恢复默认值:document.getElementById('rmv1').onclick=function(){varfile=document.getElementById("file1");file.v

javascript - 如何使用 RxJs 异步加载图像并在所有加载后执行方法

我正在尝试将基于promise的代码转换为RxJs,但我很难理解Rx,尤其是RxJs。我有一个包含路径的数组。varpaths=["imagePath1","imagePath2"];我喜欢用Javascript加载图片varimg=newImage();img.src=imagePath;image.onload//当所有图像都加载完毕后,我想执行一个方法。我知道有Rx.Observable.fromArray(imagepathes)还有类似的东西Rx.Observable.fromCallback(...)还有类似flatMapLatest(...)和Rx.Observable.

javascript - HTML1506 : Unexpected token <script>

我有一个错误只出现在InternetExplorer和Edge中,我在其中得到HTML1506:Unexpectedtokeninline213,1。我怀疑它与我的webcomponents/polyfills的加载方式有关,但此时它是一个相当复杂的组件和脚本网络,因此缩小源代码范围很痛苦!这是包含第213行的代码段:210211212213214/********************************215/TEMPLATEVARS216/*******************************/217varsave_url='';218varbase_url='ht

javascript - 如何在 react-native 中重叠图像

我有兴趣在头像(个人资料图片)上创建自定义徽章,但我似乎无法让图片重叠。我尝试使用“translateY”样式转换,但它被忽略了,并且两个图像仍然并排放置,弹性框样式,即使我希望它们重叠。请注意,我在示例中使用的是View,但我想图像的工作方式相同。'usestrict';varReact=require('react-native');var{AppRegistry,StyleSheet,Text,View,}=React;varSampleApp=React.createClass({render:function(){return();}});varstyles=StyleShe